/* 全局通用
----------------------------------------------- */
body {
font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
color: #303030;
background-color: #fff;
}
body, button, input, textarea {
font-size: 14px;
line-height: 1.531;
outline: none;
margin: 0;
padding: 0;
border: 0;
}
p, ul, ol, dl, dt, dd, form, blockquote {
margin: 0;
padding: 0;
}
ul, ol {
list-style: none;
}
em, b, i {
font-style: normal;
font-weight: normal;
}
img {
border: 0;
}
a {
text-decoration: none;
color: #333;
}
a:hover {
color: #333;
}
img {
vertical-align: middle;
}
input, select {
font-family: Microsoft Yahei;
vertical-align: middle;
}
.clear {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}
.clearfix {
overflow: hidden;
zoom: 1;
}
.none {
display: none;
}
#vcode {
cursor: pointer;
}
.captcha {
text-transform: uppercase;
}
.cue {
color: red;
font-size:12px;
}
label {
cursor: pointer;
}
.pa-tp20{padding:20px 0;}
.pa-tp50{padding:50px 0;}
.pa-tp30{padding:30px 0 50px 0;}
.ma-t20{margin-top:20px;}
.ma-t90{margin-top:90px;}
/* 主体框架
----------------------------------------------- */
#wrapper .wrap {
width: 1200px;
margin: 0px auto;
}
#wrapper .mb {
margin-bottom: 10px;
}
/* -- index -- */
#indexLeft {
float: left;
width: 600px;
}
#indexRight {
float: right;
width: 360px;
text-align: left;
}
/* -- page -- */
#pageLeft {
float: left;
width: 240px;
margin-right: 20px;
}
#pageIn {
float: left;
width: 940px;
overflow: hidden;
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top {
background-color: #fff;
height: 40px;
border-bottom: 1px solid #e5e5e5;
text-align: right;
color: #353535;
padding:8px 0; box-sizing:border-box; line-height:24px; display:inline-block; width:100%;
}
#top a {
color: #666;
}
#top s {
top: 9px;
left: 0;
width: 0;
height: 12px;
border-left: 1px solid #DDD;
overflow: hidden;
}
/* userTop */
#top .userTop {
float:left;
}
#top .userTop s {
margin:0 12px;
}
/* topNav */
#top .topNav {
position: relative;
z-index: 1000;
height: 30px;
float: right;
margin-right:-5px;
}
#top .topNav li {
border-right: 1px dotted #414141;
border-bottom: 0;
float: left;
zoom: 1;
text-align: center; padding: 0 12px;
}
#top .topNav li:last-child{border-right: none;}
#top .topNav li a {
color:#666
}
#top .topNav li.hover {
position: relative;
background: #FFFFFF;
border: 1px solid #DDDDDD;
border-bottom: 0;
}
#top .topNav li.hover s {
border-left: 1px solid #FFF;
}
#top .topNav ul {
background: #FFFFFF;
border: 1px solid #DDDDDD;
border-top: 0;
width: 100%;
display: none;
position: absolute;
top: 100%;
left: -1px;
padding-bottom: 4px;
}
#top .topNav ul li {
float: none;
}
#top .topNav li.hover ul li {
border: none;
}
#top .topNav li.hover ul li a {
height: 25px;
line-height: 25px;
}
/* -- header -- */
#header {
min-height: 70px;
}
#header .logo {
padding: 5px 0;
float: left;
}
#header .searchBox {
float: right;
}
#header .searchBox {
margin: 30px 10px 0 0;
}
#header .searchBox .keyword {
width: 210px;
}
/* -- mainNav -- */
#mainNav {
font-size: 14px;
width:820px;
float:right;
margin-top:20px;
padding-top:10px;
}
/* LEVEL ONE */
#mainNav ul.wrap {
position: relative;
z-index: 1000;
width:100%;
}
#mainNav ul li {
float: left;
zoom: 1;
padding:0 17px;
}
#mainNav ul li a {
display: block;
text-align: center;
height: 25px;
line-height: 16px;
color: #303030;
text-decoration: none;
position: relative;
padding-bottom: 20px;
letter-spacing: 1px;
font-size: 16px;
}
/*
#mainNav ul li a:hover, #mainNav ul li .cur {
border-bottom:2px solid #ce0d08;
}*/
#mainNav ul li.hover a, #mainNav ul li.cur a {
color: #303030;
}
#mainNav ul li .first {
background: #E0E0E0;
width: 74px;
}
#mainNav ul li.hover .first, #mainNav ul li.cur .first {
background: #19B4EA;
}
#mainNav ul li .last {
background: #E0E0E0;
margin-right: -1px;
}
#mainNav ul li.hover .last, #mainNav ul li.cur .last {
background: #19B4EA;
}
/* LEVEL TWO */
#mainNav ul ul {
min-width: 125px;
_width: 125px;
display: none;
position: absolute;
top: 100%;
left: 0;
border-top: 1px solid white;
background: #E0E0E0;
}
#mainNav ul ul li {
font-weight: normal;
background: #E0E0E0;
float: none;
}
#mainNav ul li.hover ul li a {
color: #24313C;
border-right: none;
display: inline-block;
}
#mainNav ul li.hover ul li.hover a {
color: #FFF;
}
#mainNav ul li.hover ul a.parent {
}
/* LEVEL THREE */
#mainNav ul ul ul {
left: 100%;
top: 0;
border-top: 0;
_border-top: 1px;
}
#mainNav ul li.hover ul li.hover ul li a {
color: #24313C;
}
#mainNav ul li.hover ul li.hover ul li.hover a {
color: #FFF;
}
/* é¦–é¡µæ ·å¼
----------------------------------------------- */
/* -- å¹»ç¯ -- */
.slideShow {
position: relative;
margin: 0 auto 10px;
padding: 0;
*zoom: 1;
}
.slideShow .slides a {
display: block;
height: 500px;
background-repeat: no-repeat;
background-position: center center;
}
.slideShow .slideBox {
background: #fff;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
/* -- slideLoading -- */
.slideShow .slideLoading {
min-height: 50px;
background: #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 60;
}
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a {
z-index: 70;
font-family: \5b8b\4f53, sans-serif;
position: absolute;
display: block;
margin-bottom: -20px;
width: 40px;
height: 40px;
bottom: 50%;
line-height: 40px;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 2em;
background-color: #333;
background-color: rgba(50, 50, 50, .3);
}
.slideShow .arrowBox a.disabled {
display: none;
}
.slideShow .arrowBox .arrowPrev {
left: 20px;
}
.slideShow .arrowBox .arrowNext {
right: 20px;
}
.slideShow .arrowBox a:hover {
background-color: rgba(50, 50, 50, .6);
}
/* -- controlBox -- */
.slideShow .controlBox {
z-index: 70;
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
}
.slideShow .controlBox .control {
display: inline-block;
*zoom: 1;
*display: inline;
}
.slideShow .controlBox.controlDefault a {
background: url(inactive.png) no-repeat 50% 50%;
text-indent: -9999px;
overflow:hidden;
width: 20px;
height: 30px;
clear: none;
display: block;
}
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active {
background: url(active.png) no-repeat 50% 50%;
}
/* -- slideTitle -- */
.slideShow .slideTitle {
z-index: 70;
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.slideShow .slideTitle span {
color: #fff;
display: block;
font-size: .85em;
padding: 15px 10px;
}
/* -- sileThumb -- */
.slideShow .sileThumb {
z-index: 70;
text-align: center;
position: absolute;
bottom: 8px;
right: 8px;
}
.slideShow .sileThumb a {
margin: 0 3px;
}
.slideShow .sileThumb a img {
border: solid #B0B0B0 1px;
}
.slideShow .sileThumb a.active img {
border: solid #19B4EA 1px;
}
/* 通用结构
----------------------------------------------- */
/* -- form -- */
.btn {
display: inline-block;
background-color: #0072C6;
color: #EEE;
padding: 6px 25px;
text-transform: capitalize;
cursor: pointer;
font-weight: bold;
text-align:center;
-webkit-appearance: none;
}
.btn:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #007AD5;
}
.btnGray {
display: inline-block;
background-color: #CCC;
border: 0;
color: #333;
padding: 6px 15px;
text-transform: capitalize;
cursor: pointer;
font-weight: bold;
-webkit-appearance: none;
}
.btnPayment {
display: inline-block;
background-color: #ff4246;
color: #FFF;
padding: 7px 28px;
text-transform: capitalize;
cursor: pointer;
font-weight: bold;
font-size:14px;
text-align:center;
-webkit-appearance: none;
}
/* -- input -- */
.textInput {
height: 20px;
padding: 6px;
font-size: 14px;
border: 1px solid #DDD;
background-color:#F4F4F4;
color:#666;
-webkit-appearance: none;
}
.textArea {
padding: 4px;
border: 1px solid #DDDDDD;
background-color:#F4F4F4;
line-height: 20px;
-webkit-appearance: none;
}
.textAreaAuto {
border: 1px solid #DBDBDB;
background-color:#F4F4F4;
padding: 0;
font-size: 12x;
line-height: 20px;
resize: none;
min-height: 40px;
-webkit-appearance: none;
}
/* -- style -- */
.price {
color: #CC0000;
}
/* -- incBox -- */
.incBox {
margin-bottom: 15px;
}
.incBox h3 {
height: 35px;
line-height: 35px;
color: #7A7F81;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #CBD1D3;
}
.incBox h3 a {
color: #7A7F81;
}
/* -- tree -- */
.treeBox {
margin-bottom: 15px;
width:100%;
float:left;
box-sizing:border-box;
border:1px solid #dedede;
padding:10px;
}
.treeBox h3 {
height: 35px;
line-height: 35px;
color: #c20001;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #CBD1D3;
margin:0;
padding:0
}
.treeBox li {
line-height:35px;
border-bottom:1px dashed #dedede;
}
.treeBox li.pro-listbg{border:none; margin-top: 15px; padding-left:15px; background:#c20001; border-radius:3px; color:#fff}
.treeBox li.pro-listbg a{color:#fff}
.treeBox li.pro-listbg.cur{background:#504b4c;}
.treeBox li.pro-listbg.cur a {
border-left: 4px solid #fff; color:#fff
}
.treeBox li.cur a {
border-left: 4px solid #c20001;
}
.treeBox li.proej.cur a {
border-left:0; color:#c20001
}
.treeBox li a {
color: #333;
border-left: 4px solid #F4F4F4;
line-height: 15px;
padding-left: 10px;
}
.treeBox .searchBox {
margin:20px 0;
}
.treeBox .searchBox .keyword {
width: 173px;
}
/* -- searchBox -- */
.searchBox {
border: 1px solid #DDDDDD;
background-color: #FFF;
height: 28px;
padding-left: 10px;
}
.searchBox {
position: relative;
white-space: normal
}
.searchBox label {
height: 0;
line-height: 0;
overflow: hidden;
width: 0;
position: absolute;
font-size: 0;
z-index: -1;
outline: 0
}
.searchBox .keyword {
color: #CCCCCC;
}
.searchBox .keyword:focus {
color: #555
}
.searchBox .keyword::-webkit-input-placeholder {
color:#CCCCCC;
}
.searchBox .keyword:focus:-moz-placeholder, .searchBox .keyword:focus::-moz-placeholder {
color:transparent!important
}
.searchBox .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
.searchBox .btnSearch {
background:url(btn_search.gif) #E0E0E0;
width: 28px;
height: 28px;
text-indent: -999px;
overflow:hidden;
cursor: pointer;
}
/* -- 上一页下一页 -- */
.lift {
margin-top:60px;
color:#999;
}
.lift a {
color:#999;
}
.lift span {
margin-right:15px;
}
/*- tableBasic -*/
.tableBasic {
color: #666666;
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
border-collapse: collapse;
}
.tableBasic select {
color: #8F8F8F;
}
.tableBasic td, .tableBasic th {
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.tableBasic th {
background-color: #EFEFEF;
}
.tableBasic .child {
background-color: #FFFFFF;
}
.tableBasic td label {
margin-right:15px;
}
.tableBasic td i {
color:#F00;
margin-left:5px;
font-weight:bold;
}
/*- tableDiv -*/
.tableDiv dl {
zoom:1;
overflow:hidden;
margin-bottom:15px;
}
.tableDiv dl dt {
float:left;
width:160px;
text-align:right;
line-height:34px;
font-size:13px;
}
.tableDiv dl dd {
float:left;
width:640px;
padding-left:10px;
}
.tableDiv dl dd i {
color:#F00;
margin-left:5px;
font-weight:bold;
}
.tableDiv dl dd label {
margin-right: 15px;
line-height:34px;
}
/* -- douBox -- */
#douBox .boxBg {
position: fixed;
top: 0;
left: 0;
z-index: 13030301;
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=15);
opacity:0.15
}
#douBox .boxFrame {
position: absolute;
z-index: 13030302;
overflow: hidden;
padding: 0;
border: 2px solid #C4C4C4;
background-color:#FFF;
width:360px;
left:50%;
top:300px;
margin-left:-180px;
}
#douBox .boxFrame h2 {
height: 28px;
padding: 0 10px;
background: #f5f5f5;
line-height: 28px;
color: #666;
font-size:14px;
font-weight:normal;
}
#douBox .boxFrame h2 .close {
width:12px;
height:12px;
display:block;
float:right;
text-indent:-9999px;
margin-top:8px;
}
#douBox .boxFrame .boxCon {
padding:13px 10px 15px 70px;
height:100px;
}
#douBox .boxFrame .boxCon dt {
font-family:Microsoft YaHei;
font-size:16px;
color:#19B4EA;
font-weight:bold;
}
#douBox .boxFrame .boxCon dd {
color:#999;
zoom:1;
overflow:hidden;
}
#douBox .boxFrame .boxCon dd a {
background-color:#F5F5F5;
border: 1px solid #CBD1D3;
display:block;
float:left;
width:70px;
line-height:26px;
text-align:center;
margin:10px 12px 0 0;
text-decoration:none;
}
/* åº“é¡¹ç›®æ ·å¼
----------------------------------------------- */
/* -- urHere -- */
.urHere {
height: 35px;
line-height: 35px;
color: #999999;
border-bottom: 1px solid #CBD1D3;
}
.urHere a {
color: #999999;
}
.urHere b {
margin: 0 8px;
}
/* -- recommendProduct -- */
.recommendProduct {
padding-top: 10px;
zoom:1;
overflow:hidden;
}
.recommendProduct li {
float: left;
width: 137px;
height: 200px;
margin-right: 17px;
text-align: center;
}
.recommendProduct li.clearBorder {
margin-right: 0;
}
.recommendProduct .img {
border: 1px solid #E4E4E4;
margin-bottom: 8px;
}
/* -- about -- */
.about {
padding-top: 13px;
}
.about p {
float: left;
width: 120px;
height: 154px;
}
.about dl {
float: right;
width: 465px;
height: 154px;
}
.about dl dt {
display: block;
font-size: 16px;
font-weight: bold;
color: #313131;
padding: 5px 0;
}
.about dl dd {
line-height: 200%;
color: #999999;
word-wrap: break-word;
word-break: normal;
}
.about .aboutBtn {
display: block;
text-decoration: underline;
color: #CC0000;
font-weight: bold;
margin-top: 12px;
}
/* -- recommendArticle -- */
.recommendArticle li {
border-bottom: 1px dotted #D1D1D1;
line-height: 38px;
padding-left: 15px;
}
.recommendArticle li b {
float: right;
color: #999999;
}
.recommendArticle li.last {
border-bottom: 0;
}
/* -- contact -- */
.contact {
font-size:16px;
line-height:37px;
border: 1px solid #CBD1D3;
background-color: #EFEFEF;
padding:15px;
width:80%; float:left
}
.contact h3 {
border-bottom: 1px solid #CBD1D3;
padding-bottom: 10px;
font-size: 14px;
color: #7A7F81;
}
.contact .box {
padding:0px 0 0 3px;
}
.contact dl {
margin-bottom: 8px;
zoom:1;
overflow:hidden;
}
.contact dt {
float:left;
width:30px;
height: 30px;
margin-right:17px;
background:url(icon_contact.gif);
}
.contact dt.tel {
background-position: 0 -30px;
}
.contact dt.fax {
background-position: 0 -60px;
}
.contact dt.url {
background-position: 0 -90px;
}
.contact dt.email {
background-position: 0 -120px;
}
.contact dd {
float:left;
width:278px;
color: #7A7F81;
line-height:30px;
}
/* page
----------------------------------------------- */
#page {
padding: 20px 0;
}
#page h1 {
color: #c20001;
font-size: 18px;
font-weight: bold;
}
#page .info {
padding: 2px 0 20px 0;
color: #999999;
font-size: 13px;
}
#page .content {
color: #666666;
line-height: 200%;
padding-top: 10px;
}
/* product_category
----------------------------------------------- */
.productList {
padding-top: 20px;
color: #999999;
}
.productList dl {
float: left;
width: 370px;
height: 160px;
margin: 0 20px 30px 0;
}
.productList dl.last {
margin-right: 0;
}
.productList dt {
float: left;
width: 160px;
}
.productList dd {
float: left;
width: 195px;
padding: 15px 0 0 15px;
}
.productList dt img {
border: 1px solid #EEEEEE;
}
.productList .name {
height: 18px;
overflow: hidden;
}
.productList .name a {
color: #333333;
font-weight: bold;
}
.productList .brief {
color: #999999;
padding-top: 8px;
height: 60px;
}
.productList .price {
padding-bottom: 10px;
}
.productList ul{margin:0; padding:0}
.productList ul li{width:25%; box-sizing:border-box; float:left; padding:10px; text-align:center; line-height:30px}
.productList ul li img{width:100%; height:170px; border:1px solid #ddd}
/* product
----------------------------------------------- */
#product {
padding: 15px 0;
}
#product h1{font-size:20px; text-align:center; font-weight:400}
#product .productImg {
float: left;
width: 100%;
text-align:center
}
#product .productImg img{}
#product .productInfo {
float: left;
width: 465px;
padding: 10px 0 0 15px;
line-height: 200%;
}
#product .productInfo h1 {
font-size: 18px;
text-align:center
}
#product .productInfo ul {
padding-top: 10px;
margin-bottom:50px;
}
#product .productInfo .productPrice {
margin-bottom: 5px;
}
#product .productInfo .productPrice .price {
font-family: Arial;
font-size: 20px;
font-weight: bold;
}
#product .productInfo .btnAsk {
zoom: 1;
overflow: hidden;
}
#product .productInfo .btnAsk dt {
float: left;
width: 88px;
height: 39px;
line-height: 39px;
text-align: right;
padding-right: 3px;
margin-right: 6px;
background-color: #E0E0E0;
color: #333;
font-weight: bold;
}
#product .productInfo .btnAsk dd {
float: left;
width: 300px;
}
#product .productInfo .btnBuy {
margin-bottom: 40px;
}
#product .productInfo .btnBuy .addToCart {
background:#19B4EA;
color: #FFFFFF;
padding: 8px 25px 8px 50px;
text-decoration: none;
cursor: pointer;
font-size:16px;
}
#product .productInfo .btnBuy .addToCart:hover {
background-color: #44C4EE;
}
#product .productContent {
padding: 15px 0;
}
#product .productContent h3 {
height: 35px;
line-height: 35px;
color: #7A7F81;
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid #CBD1D3;
}
#product .productContent ul {
padding: 15px 0;
color: #666;
line-height: 200%;
}
.prenext {
line-height: 2;
border-top: 1px dashed #e0e1dc;
padding-top: 20px;
font-size: 14px;
}
.prenext a {
color: #005a98;
}
.prenext a:hover {
color: #cf0105;
}
.prenext span {
color: #005a98;
}
/* article_category
----------------------------------------------- */
#articleList dl {
border-bottom: 1px dotted #D1D1D1;
padding: 20px 0;
zoom:1;
overflow:hidden;
}
#articleList ul{margin:0; padding:0}
#articleList ul li{width:100%; background: url(icon_red.gif) no-repeat left 50%; margin-bottom:8px; padding-left: 15px; box-sizing:border-box; border-bottom: 1px dashed #D1D1D1; line-height:35px}
#articleList ul li .date{float:right; color:#999}
#articleList dl.last {
border-bottom: 0;
}
#articleList dt {
width: 620px;
padding-left: 15px;
margin-bottom: 10px;
}
#articleList dd {
color: #999999;
padding-left: 2px;
line-height: 180%;
zoom: 1;
overflow: hidden;
}
#articleList dd p {
float: left;
}
#articleList dd p.img {
margin-right: 10px;
}
#articleList dd p.desc {
width: 590px;
}
#articleList .numDate {
float: right;
text-align: right;
padding-top: 12px;
}
#articleList .numDate em {
background-color: #0072C6;
color: #FFF;
padding: 3px 4px;
font-size: 14px;
font-weight: bold;
}
#articleList .numDate p {
font-size: 16px;
color: #999999;
margin-top: 5px;
}
/* article
----------------------------------------------- */
#article {
padding: 20px 0;
}
#article h1 {
color: #333333;
font-size: 18px;
font-weight: 400;
text-align:center
}
#article .info {
padding: 10px 0 10px 0;
color: #999999;
font-size: 12px;
margin-bottom:20px;
text-align:center;width:100%; border-bottom:1px solid #dedede;
}
#article .content {
color: #666666;
line-height: 180%;
}
/* 会员ä¸å¿ƒ
----------------------------------------------- */
#user {
zoom:1;
overflow:hidden;
}
#user .userLeft {
float: left;
width: 160px;
margin-right: 20px;
}
#user .userIn {
float: left;
width: 800px;
overflow: hidden;
}
#user .userIn .main {
padding-top:15px;
}
#user .userIn .main h3 {
color:#19B4EA;
font-size:16px;
margin-bottom:10px;
}
#user .userIn .main h3 .more {
float:right;
color:#888;
font-size:12px;
margin-top:9px;
font-weight:normal;
}
/* -- passport -- */
#user .passport {
border: 1px solid #E4E4E4;
padding:40px 50px 80px 50px;
}
#user .passport .register h3 {
font-size: 22px;
font-weight: bold;
color: #19B4EA;
border-bottom: 1px dashed #CCCCCC;
padding:0 0 20px 30px;
margin-bottom:40px;
}
#user .passport .register h3 em {
display:block;
color: #999;
font-size:12px;
font-weight:normal;
}
#user .passport .register h3 a {
color: #19B4EA;
}
#user .passport .register .btn {
width:200px;
}
#user .passport .login {
margin:0 auto;
width:320px;
}
#user .passport .login h3 {
font-size: 22px;
font-weight: bold;
margin-bottom:40px;
}
#user .passport .login h3 em {
display:block;
color: #999;
font-size:12px;
font-weight:normal;
}
#user .passport .login .textInput {
width:306px;
}
#user .passport .login .btn {
width:100%;
}
#user .passport .login .btnRegister {
display: block;
width:318px;
border: 1px solid #CCCCCC;
color: #555555;
padding: 6px 0;
cursor: pointer;
font-weight: bold;
text-align:center;
}
/* -- userTree -- */
#user .userTree {
margin-bottom: 15px;
}
#user .userTree h3 {
height: 35px;
line-height: 35px;
color: #7A7F81;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #CBD1D3;
margin-bottom:5px;
}
#user .userTree li a {
display:block;
padding:8px 10px;
color: #7A7F81;
}
#user .userTree li.cur {
background-color:#19B4EA;
}
#user .userTree li.cur a {
color:#FFF;
}
#user .userTree .searchBox {
margin:20px 0;
}
#user .userTree .searchBox .keyword {
width: 136px;
}
/* -- startPage -- */
#user .startPage .welcom {
margin-bottom:15px;
}
#user .startPage .welcom dt {
font-size:16px;
margin-bottom:10px;
}
#user .startPage .welcom dt b {
font-weight:bold;
color:#F00;
margin-right:8px;
}
#user .startPage .welcom dd {
padding-top:6px;
padding-left:5px;
margin-bottom:6px;
color: #888;
}
#user .startPage .tableBasic {
color: #666666;
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-collapse: collapse;
}
#user .startPage .tableBasic td {
border-right: 0;
border-bottom: 1px solid #DDDDDD;
}
#user .tableBasic td {
background-color: #F2F2F2;
}
/* -- orderList -- */
#user .orderList .orderSn {
background-color: #EEEEEE;
color:#999;
}
#user .orderList .orderSn em {
margin-right:30px;
}
#user .orderList .imgList img {
border: 1px solid #DDDDDD;
}
#user .btnPayment {
float:right;
}
#user .order .totalAmount {
line-height:180%;
padding-top:15px;
}
/* 订å•
----------------------------------------------- */
#order {
margin-top:20px;
}
#order h3 {
font-size:16px;
font-weight:bold;
margin:10px 0;
color:#19B4EA;
}
/* -- cartBox -- */
#order .cartBox {
border: 1px solid #E4E4E4;
}
#order .cartBox dl {
border-bottom: 1px solid #E4E4E4;
padding:8px 0;
zoom:1;
overflow:hidden;
line-height:180%;
}
#order .cartBox dl.head {
background-color:#EBEBEB;
}
#order .cartBox dl.head b {
color:#000;
}
#order .cartBox dt {
float:left;
width:50px;
padding-left:10px;
}
#order .cartBox dd {
float:left;
width:90px;
margin-left:10px;
text-align:center;
}
#order .cartBox dd.name {
width:500px;
text-align:left;
}
#order .cartBox dd.name a {
color:#0072C6;
}
/* -- è´ç‰©è½¦æ•°é‡åŠ å‡ -- */
#order .cartBox dd.number {
width:80px;
margin: 0px auto;
}
#order .cartBox dd.number input, #order .cartBox dd.number span {
float:left;
cursor:pointer
}
#order .cartBox dd.number input {
width:35px;
background:none;
border:none;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
height:18px;
background:#fff;
text-align:center;
}
#order .cartBox dd.number span.minus {
text-indent:-9999px;
display:block;
background-position:left 0;
width:20px;
height:20px;
}
#order .cartBox dd.number span.plus {
text-indent:-9999px;
display:block;
background-position:-22px 0;
width:20px;
height:20px;
}
/* -- cart -- */
#order .cart .cartAction {
zoom:1;
overflow:hidden;
padding:5px;
}
#order .cart .cartAction .btnGray {
float:left;
}
#order .cart .cartAction .btn {
float:right;
}
#order .cart .cartBtn {
zoom:1;
overflow:hidden;
margin-top:20px;
}
#order .cart .cartBtn .checkOut {
float:right;
width:540px;
background-color:#0072C6;
line-height:45px;
padding-left:20px;
}
#order .cart .cartBtn .checkOut em {
display:block;
background-color:#E0E0E0;
float:left;
width:360px;
padding:0 15px;
font-size:14px;
}
#order .cart .cartBtn .checkOut a {
display:block;
float:right;
text-align:left;
width:95px;
padding-left:45px;
color:#FFF;
font-size:16px;
font-weight:bold;
}
#order .cart .cartBtn .checkOut a i {
font-weight:bold;
}
#order .cart .cartEmpty {
border-bottom: 1px solid #CBD1D3;
background-color:#EFEFEF;
font-size: 14px;
text-align:center;
padding:20px 0;
}
/* -- checkout -- */
#order .checkout .checkBox {
border: 1px solid #E4E4E4;
padding:15px 25px 40px 25px;
}
#order .checkout h2 {
font-size:14px;
margin-bottom:15px;
}
#order .checkout h2 .more {
float:right;
font-size:13px;
font-weight:normal;
margin-top:8px;
}
#order .checkout .box {
border-bottom: 1px solid #E4E4E4;
padding-bottom:15px;
margin-bottom:20px;
}
#order .checkout .box .tableDiv dl dt {
width:80px;
font-size:12px;
}
#order .checkout .box .checkbox {
color:#19B4EA;
font-size:13px;
}
#order .checkout .payment {
zoom:1;
overflow:hidden;
padding-left:30px;
}
#order .checkout .payment dd {
float:left;
width:170px;
}
#order .checkout .cartBox {
border: 0;
}
#order .checkout .shipping dl {
zoom:1;
overflow:hidden;
padding:0 0 10px 30px;
}
#order .checkout .shipping dt {
float:left;
width:120px;
}
#order .checkout .shipping dd {
float:left;
width:350px;
}
#order .checkout .cartBox dl {
background-color:#F4F4F4;
border-bottom: 1px dotted #D1D1D1;
}
#order .checkout .totalAmount {
border-bottom: 1px solid #E4E4E4;
margin:20px 0 20px;
padding-bottom:20px;
zoom:1;
overflow:hidden;
}
#order .checkout .totalAmount .list {
float:right;
width:300px;
}
#order .checkout .totalAmount dl {
zoom:1;
overflow:hidden;
text-align:right;
margin-bottom:10px;
}
#order .checkout .totalAmount dt {
float:left;
width:150px;
}
#order .checkout .totalAmount dd {
float:left;
width:150px;
}
#order .checkout .totalAmount b {
color:red;
margin-right:3px;
}
#order .checkout .orderSubmit {
text-align:right;
}
#order .checkout .orderSubmit .orderAmount {
margin-right:20px;
font-size:15px;
}
#order .checkout .orderSubmit .orderAmount b {
font-weight:bold;
color:red;
}
#order .checkout .orderSubmit .submit {
background-color:#19B4EA;
color: #FFFFFF;
padding: 10px 40px;
text-decoration: none;
cursor: pointer;
font-size:16px;
}
#order .checkout .orderSubmit .submit:hover {
background-color: #44C4EE;
}
/* -- complete -- */
#order .complete {
border: 1px solid #E4E4E4;
padding:130px 0;
text-align:center;
}
#order .complete p {
padding:15px 0;
}
#order .complete p.title {
font-weight:bold;
font-size:16px;
}
#order .complete p.info {
color:#19B4EA;
font-size:26px;
}
#order .complete p.info b {
color:red;
margin-right:3px;
}
/* 留言æ¿
----------------------------------------------- */
#guestBook {
padding: 20px 0;
}
#guestBook h2 {
color: #555;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
/* bookList */
#guestBook .bookList {
margin-bottom: 30px;
line-height: 180%;
font-size: 13px;
}
#guestBook .bookList dl {
margin-bottom: 15px;
}
#guestBook .bookList dt {
color: #999;
margin-bottom: 3px;
}
#guestBook .bookList dt b {
color: #999;
margin-left: 20px;
}
#guestBook .bookList dd {
color: #666;
overflow: hidden;
zoom: 1;
}
#guestBook .bookList dd em {
float: left;
width: 70px;
}
#guestBook .bookList dd span {
float: right;
width: 910px;
text-align: left;
}
#guestBook .bookList p {
color: #0072C6;
margin-top: 5px;
overflow: hidden;
zoom: 1;
}
#guestBook .bookList p em {
float: left;
width: 70px;
}
#guestBook .bookList p span {
float: left;
width: 800px;
}
#guestBook .bookList p b {
color: #999;
float: right;
}
#guestBook .bookList .pager {
text-align: left;
}
/* bookList */
#guestBook .bookAdd {
line-height: 180%;
font-size: 13px;
}
#guestBook .bookAdd dl {
overflow: hidden;
zoom: 1;
margin-bottom: 15px;
}
#guestBook .bookAdd dl dt, #guestBook .bookAdd dl dd {
float: left;
}
#guestBook .bookAdd dl dt {
width: 70px;
text-align: right;
line-height: 30px;
}
#guestBook .bookAdd .select {
height: 28px;
}
#guestBook .bookAdd dl.cue {
margin: -8px 0 10px 60px;
color: #999;
}
#guestBook .bookAdd dl.submit {
margin: 20px 0 0 70px;
}
#guestBook .bookAdd dd b {
display: block;
padding: 2px 0 2px 3px;
border: 1px solid #fec600;
color: #666;
background-color: #fbf8e9;
line-height: 16px;
}
/* æ示信æ¯
----------------------------------------------- */
#douMsg {
padding: 10px 0 100px 0;
}
#douMsg dl {
padding: 160px 0 200px 0;
text-align: center;
border: 1px solid #E4E4E4;
}
#douMsg dt {
color: #0072C6;
font-size: 16px;
margin-bottom: 30px;
font-weight: bold;
}
#douMsg dd {
color: #666;
}
#douMsg dd a {
margin-left: 5px;
color: #000;
}
/* 分页
----------------------------------------------- */
.pager {
text-align: right;
padding-top: 20px;
color: #666;
}
.pager a {
color: #666;
text-decoration: underline;
}
/* link
----------------------------------------------- */
.link {
margin: 0 auto;
padding: 20px 0;
width: 1200px;
height: 68px;
}
.link ul li{
padding-right: 18px;
float:left;
box-sizing:border-box;
line-height:33px;
}
/* 在线客æœ
----------------------------------------------- */
#onlineService {
position: fixed;
_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
top: 208px;
right: 0;
z-index: 999999;
display: block;
}
#onlineService .onlineIcon {
position: relative;
cursor: pointer;
background: url(online_service.png) no-repeat;
width: 34px;
height: 110px;
text-indent: -9999px;
overflow:hidden;
}
#onlineService #pop {
border: 3px solid #19B4EA;
background-color: #F2F2F2;
padding: 8px;
width: 95px;
min-height: 84px;
position: absolute;
right: 34px;
top: 0;
display: none;
z-index: 999999;
}
#onlineService .onlineQQ a {
display: block;
background: url(online_service.png) no-repeat left -160px;
color: #19B4EA;
width: 82px;
height: 24px;
line-height: 23px;
padding-left: 27px;
margin-bottom: 8px;
}
#onlineService .onlineQQ a:hover {
text-decoration: none;
color: #19B4EA;
}
#onlineService .service {
border-top: 1px solid #DDDDDD;
padding-top: 8px;
color: #666;
}
#onlineService .service a {
color: #666;
}
#onlineService .service li {
background: url(online_service.png) no-repeat left -202px;
padding-left: 8px;
}
#onlineService .goTop {
display: none;
}
#onlineService .goTop .goBtn {
background: #F2F2F2 url(online_service.png) no-repeat left -120px;
width: 34px;
height: 34px;
display: block;
}
/* footer
----------------------------------------------- */
#footer {
background-color: #1b1b1b;
padding: 25px 0;
line-height: 26px;
color: #898989;
float:left;
width:100%
}
#footer a {
color: #898989;
}
#footer .footNav i {
margin: 0 12px;
color: #CCC;
}
#footer .footNav a.first {
margin-left: 0;
}
#footer .copyRight {
width:100%;
float:left;
line-height:30px;
color:#fff; text-align:center
}
#footer .copyRight span{color:#fff}
#footer .copyRight a {color:#fff}
.inx-link{width:45%; float:left;}
#footer h3{font-weight:600; color:#fff; font-size:15px; margin: 5px 0}
#footer .line-one{width:40px; float:left; background:#fff; height:2px; margin-bottom:10px}
/*é¦–é¡µæ–°åŠ style*/
.ind-div{width:100%; display:inline-block}
.ind-product-div{width:100%; float:left;}
.ind-product{width:100%; float:left; margin:0 -15px; height:560px; padding-top:15px}
.ind-product .por-div{width:25%; float:left; box-sizing:border-box; padding:15px; text-align:center;}
.ind-product .por-div a{font-size: 14px; font-weight: bold;}
.ind-product .por-div .por-img{width:100%; margin-bottom:5px; height:194px; border:1px solid #ddd; padding:1px; box-sizing:border-box; display:inline-block; overflow:hidden}
.ind-product .por-div .por-img img{width:258; height:190px; transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.ind-product .por-div .por-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); opacity: 0.90; filter: alpha(opacity=90); }
.ind-product .por-div span{color:#888}
.ind-title{width:100%; float:left; margin-bottom:25px; text-align:center}
.ind-title .left-bg{width:328px; height:15px; background:url(hmain_4.jpg) center center no-repeat; display:inline-block}
.ind-title .text-f20{font-size:24px; padding:0 20px; line-height:50px}
.ind-title .text-f20 span{color:#888; font-family:Arial}
.ind-title p{text-align:center; color:#888; font-size:15px}
.inx-bgh{background:url(abg.jpg) no-repeat; position:relative; box-sizing:border-box; color:#fff; background-size:100% 500px; height:500px}
.inx-bgh .ind-title p{ color:#fff}
.inx-bgh .ind-title .text-f20 span{color:#fff; font-family:Arial}
.line{width:130px; height:2px; background:#fff; margin:15px auto}
.inx-adv{width:100%; position:absolute; top:150px}
.inx-adv-list{margin:0 -10px; width:100%; float:left;}
.inx-adv-list ul{margin:0; padding:0}
.inx-adv-list ul li{width:25%; float:left; box-sizing:border-box; padding:10px; color:#888}
.inx-adv-list ul li .inx-adv-div{width:100%; background:#fff; box-sizing:border-box; padding:50px 30px; text-align:center; box-shadow: #ccc 0px 0px 10px; -webkit-box-shadow: #ccc 0px 0px 10px; -moz-box-shadow: #ccc 0px 0px 10px;}
.inx-adv-list ul li h3{color:#333; font-size:16px; font-weight:600; margin-top:30px}
.inx-adv-list ul li .inx-adv-div:hover{ box-sizing:border-box; border:1px solid #b90101; }
.inx-adv-list ul li .inx-adv-div img{-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-ms-transition: -ms-transform 0.6s ease-out;}
.inx-adv-list ul li .inx-adv-div:hover img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.inx-solu{width:100%; float:left;}
.bottom-ewm{width:22%; float:right; text-align:center}
.lh-30{line-height:26px}
.h15{height:15px}
.tab{ width:100%; float:left;}
.tab-hd { overflow:hidden; zoom:1;}
.tab-hd li{ float:left; border-radius:5px; margin:0 10px; padding:11px 0; background:#504b4c; width:215px; box-sizing:border-box; color:#fff; text-align:center; cursor:pointer;}
.tab-hd li a {color:#fff;}
.tab-hd li.active{ background:#ce0d08;}
.tab-bd li{display:none; padding:15px;}
.tab-bd li.thisclass{ display:list-item;}
.about-div{width:100%; float:left; box-sizing:border-box; padding:0 50px; font-size:16px; text-align:left; line-height:200%; text-indent:35px}
.about-div img{width:450px; float:right; margin-left:30px}
.about-div a{padding:8px 20px; color:#fff; background:#504b4c;}
.plr50{box-sizing:border-box; padding:0 70px}
.inx-news{width:55%; float:left; box-sizing:border-box; padding-right:50px}
.inx-news ul{margin:0; padding:0}
.inx-news ul li{width:100%; float:left; line-height:35px; border-bottom:1px dashed #ddd; padding:0 5px; box-sizing:border-box;}
.inx-news ul li span{float:right}
.nc-title{width:100%; float:left; font-size:18px; color:#c20001; margin-bottom:20px}
.nc-title span{color:#888}
.inx-contact{width:45%; float:left; box-sizing:border-box; padding-left:30px}
.bgcase{background:#ddd; float:left}
.box{ width:1200px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
.picbox{ width:1200px; height:240px; overflow:hidden; position:relative;}
.piclist{ height:240px;position:absolute; left:0px; top:0px}
.piclist li{ background:#eee; margin-right:20px; padding:4px; float:left; position:relative}
.an-name{position:absolute; bottom:4px; left:4px; text-align:center; width:272px; line-height:30px; background-color:rgba(255,255,255,0.7)}
.piclist li img{width:272px; height:230px}
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_prev,.og_next{ width:30px; height:50px; background:url(icon_ie6.png) no-repeat; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:4px; top:85px}
.og_next{ background-position:0 0; right:4px; top:85px}
.aboutbg{width:100%; float:left; height:350px; background:url(aboutbg.jpg) center center no-repeat; background-size:1920px 350px; margin-bottom:20px}
.coubg{width:100%; float:left; height:350px; background:url(conbg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}
.probg{width:100%; float:left; height:350px; background:url(probg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}
.lybg{width:100%; float:left; height:350px; background:url(lybg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}
.fwbg{width:100%; float:left; height:350px; background:url(fwbg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}
.newsbg{width:100%; float:left; height:350px; background:url(newsbg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}
.myscroll { width: 100%; height: 200px; overflow: hidden;}
.navContent{display: none;}
#header .wrap > .cur > a, #header .wrap > .cur > a:hover, #header .wrap > .cur > a:focus, #header .wrap > .open > a, #header .wrap > .open > a:hover, #header .wrap > .open > a:focus {
border-bottom: 2px solid #ce0d08;
}
#footer .hid{display:block;
width:1px; height:1px;
overflow:hidden;
font-size:0;}
.treeBox li.pro-listbg.cur a {
border-left: 4px solid #fff; color:#fff
}
.treeBox li.cur a {
border-left: 4px solid #c20001;
}
.treeBox li.proej.cur a {
border-left:0; color:#c20001
}